<!DOCTYPE html>
<html lang="en">
<head>
    <%= require('html-loader!./layout/head-common.html') %>
    <title><%= htmlWebpackPlugin.options.title%> — <%= htmlWebpackPlugin.options.projectname%></title>
</head>
    <body ontouchstart>
      <div class="weui-tab">
        <div class="weui-tab__bd">
          <div id="homepage" class="weui-tab__bd-item weui-tab__bd-item--active">
            <%= require('html-loader!./homepage.html') %>
          </div>
          <div id="course_reserve" class="weui-tab__bd-item">
            <%= require('html-loader!./course-reserve.html') %>
          </div>
          <div id="timetable" class="weui-tab__bd-item">
            <%= require('html-loader!./timetable.html') %>
          </div>
          <div id="about" class="weui-tab__bd-item">
            <%= require('html-loader!./about.html') %>
          </div>
        </div>

        <div class="weui-tabbar">
          <a href="#homepage" class="weui-tabbar__item weui-bar__item--on">
            <div class="weui-tabbar__icon">
              <i class="fa fa-home"></i>
            </div>
            <p class="weui-tabbar__label">首页</p>
          </a>
          <a href="#course_reserve" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
              <i class="fa fa-hand-paper-o"></i>
            </div>
            <p class="weui-tabbar__label">约课</p>
          </a>
          <a href="#timetable" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
              <i class="fa fa-table"></i>
            </div>
            <p class="weui-tabbar__label">课程表</p>
          </a>
          <a href="#about" class="weui-tabbar__item">
            <div class="weui-tabbar__icon">
              <i class="fa fa-user"></i>
            </div>
            <p class="weui-tabbar__label">我的</p>
          </a>
        </div>
      </div>
      <%= require('html-loader!./layout/foot-common.html') %>
  </body>
</html>